@import 'src/app/common/styles/variable/index.scss';
@import 'src/app/common/styles/mixin/index.scss';
@import 'src/app/common/styles/components/label-value.scss';
.top {
  margin-bottom: $gutter;
  .slider {
    height: 2.3rem;
    img {
      display: block;
      width: 100%;
      height: 2.3rem;
    }
  }
  .baseinfo {
    padding: $pagePadding;
    background: #fff;
    .namebox {
      display: flex;
      justify-content: space-between;
      align-items: center;
      .name {
        font-size: 0.22rem;
      }
      .status {
        font-size: 0.12rem;
        color: #f9637f;
        font-weight: bold;
      }
    }
    .oprbox {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.12rem 0;
      .titlebox {
        display: flex;
        align-items: center;
        .type {
          @include radius(0.18rem, 0.02rem);
          margin-right: 0.1rem;
          font-size: 0.12rem;
          color: #fff;
          background: #f43b3b;
        }
        .title {
          font-size: 0.16rem;
        }
      }
      .btn {
        padding: 0.04rem 0.08rem;
        font-size: 0.12rem;
        color: $primary;
        border-radius: 0.02rem;
        border: 1px solid $primary;
      }
    }
    .timebox {
      padding-left: 0.28rem;
      font-size: 0.12rem;
      color: $font3;
      .lefttime,
      .number {
        color: $primary;
      }
      .lefttime {
        margin-right: 0.24rem;
      }
    }
  }
}
.common-label-value {
  .oprbar {
    padding-bottom: $pagePadding;
  }
  .btn {
    height: 0.36rem;
    line-height: 0.36rem;
    text-align: center;
    color: $font1;
    background: $bg;
  }
}
.error,
.loading,
.forbidden {
  position: relative;
  height: calc(100vh - #{$navbarHeight});
  background: #fff;
}
